<template>
  <div class="backInfoContainer">
      <div>
        总待收本金(元)
        <h2 id="backTotal">{{item.zdsbj||'0.00'}}</h2>
      </div>
      <div class="backInfoRow">
        <p>总待收利息(元) <span style="color:#df3830">{{item.zdslx||'0.00'}}</span></p>
        <p>总待收返利(元) <span style="color:#df3830">{{item.zdsfl||'0.00'}}</span></p>
      </div>
  </div>
</template>
<script>
export default {
  components:{

  },
  props:['item'],
  data(){
    return {
      
    }
  }
}
</script>
<style lang="less">
  @import '../../../../style/mixin.less';

  .backInfoContainer{
    .wh(100%,3.1467rem);
    .bs();
    .sc(0.36rem,#aaa);
    box-shadow:1px 1px 5px #a3a3a3;
    padding: 0.5333rem 0.6667rem 0.5867rem 0.5333rem;
    #backTotal{
      .sc(.72rem,black);
    }
    .backInfoRow{
      .fx(row,space-between);
    }
  }
</style>
